@using Yozeev.Web.Portal.Views.Shared.Components.Header
<div id="logoAndNav" class="container">
    <!-- Nav -->
    <nav class="js-mega-menu navbar navbar-expand-md u-header__navbar u-header__navbar--no-space">
        <!-- Logo -->
        <a class="navbar-brand u-header__navbar-brand u-header__navbar-brand-center" href="/" aria-label="Front">
            <svg x="0px" y="0px" width="180px" height="60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 444 174">
                <title>52abp-logo-txt-color-shield</title>
                <defs>
                    <style>
                        .cls-1 {
                            fill: #0085e1;
                        }
                    </style>
                </defs>
                <path class="cls-1" d="M753.7,540.64l-7.19,8.16,11.33,30.13,2.76-1.52s2.46-1.7,2.56-1.8l2.28-1.93a19.91,19.91,0,0,0,2.63-2.35,47.9,47.9,0,0,0,5.53,14.1q-2-.14-2.9-.14-6.57,0-9.61,2.07l12.51,33.93,10.37,8h-34.9l9.54-8-7.67-20.18-1.87-4.7a61.41,61.41,0,0,0-13.61,15.9l-1.24-2q-3.59-5.73-9.19-13.06l-2.21-2.42-3-3.18q-.9,2.21-2.28,6.5l-2.28,7a31.33,31.33,0,0,0-1.87,9.4,14,14,0,0,0,1.31,6.43,34.35,34.35,0,0,0,5.53,7q.41.41,1.24,1.31H686.87a41.14,41.14,0,0,0,15.65-13.75q5.77-8.64,11.44-26.68l.28-1q-3.66-3.11-10.57-3.8a49.63,49.63,0,0,0,5.87-11.82l1.17,1.11,3.11,2.9a35.15,35.15,0,0,0,3.8,3.11l2.14-5,9.4-25.85-7.33-7.88Zm-14.65,55a61.53,61.53,0,0,1,7-7.39l-9.47-25.43-1.17-2.7-1.94-5.32-11,29a96.28,96.28,0,0,1,9.05,10.64l3.18,4.42s.28.35.69.9a5.48,5.48,0,0,0,.69-.76l1-1.17c.14-.18.76-.9.76-.9"
                      transform="translate(-509 -492)" />
                <path class="cls-1" d="M793.63,550a65.55,65.55,0,0,1,36.91-10.85q14.86,0,24.26,6.67t9.4,17.24q0,14.1-16.31,18.87v.76h0a25.47,25.47,0,0,1,7.43,3.2c3.32,2.11,8.06,5.38,9.64,7.78a23,23,0,0,1,3.77,12.92q0,10.3-7.46,16.48t-19.9,6.19H791.9l9.54-8.16V585.77h-1.73q-3.87,0-9.74.55l3-6.63,1.11.07q2.7.21,4.08.21a19.68,19.68,0,0,1,3.25.21v-26Zm21.63-1v31.17q.76-.07,1-.07l1.24.07h5.94q13.2,0,19.66-4.39t6.46-13.44a16.51,16.51,0,0,0-5.36-12.82q-5.36-4.87-14.06-4.87A28.66,28.66,0,0,0,815.26,549Zm0,36.84v38.08h7.53l10-.35q19.49-1.38,19.49-18.94,0-11-6.43-15t-24.05-4Q820.09,585.56,815.26,585.83Z"
                      transform="translate(-509 -492)" />
                <path class="cls-1" d="M883.2,540.64h31q19.76,0,28.13,5.46,10.64,6.84,10.64,19A20.88,20.88,0,0,1,948.93,578a22.61,22.61,0,0,1-11.4,7.88q-7.33,2.42-23.29,2.42h-8.5V621.7l8.43,7.6H882l9.61-8.09v-33a20.34,20.34,0,0,0-2.14-.21q-7.4,0-11.82,3.59l-.69-1q4.21-7.74,13.55-7.74h1.11V549Zm22.53,7.12v34.62h.9l1.8.07a9,9,0,0,0,.9-.07h1.94q13.68,0,20.08-4t6.39-12.58q0-9.6-5.7-14t-18.35-4.35Q910.43,547.48,905.73,547.75Z"
                      transform="translate(-509 -492)" />
                <path class="cls-1" d="M587.78,492C578.25,503.25,558,524,509,524.9c0,22.51.87,33.76,4.33,49.34C529,545,550,531,570,526,573.46,519.07,587.78,492,587.78,492Z"
                      transform="translate(-509 -492)" />
                <path class="cls-1" d="M525,572a140.79,140.79,0,0,1-9.07,10.9c15.58,37.22,19.91,46.75,71.85,83.1-1.78-6-4.18-11.21-6.78-19C543,624,525,572,525,572Z"
                      transform="translate(-509 -492)" />
                <path class="cls-1" d="M594.7,495.46c6.93,7.79,42.67,33.33,77.3,25.54,6.06,95.22-56.52,131.15-79,145,0,0-5.24-14.67-7-19,17.31-5.19,72.13-27.22,73-106-13.85,2.6-51.9-2.36-77-24C586.33,509.21,594.7,495.46,594.7,495.46Z"
                      transform="translate(-509 -492)" />
                <path class="cls-1" d="M552.59,554.74h24.5a18.54,18.54,0,0,0,6-.64,2.61,2.61,0,0,0,1.67-2.53q0-.48-.35-.53-.13,0-.48.35a2,2,0,0,1-3.26-1.5q0-2,2.11-2a3.9,3.9,0,0,1,3,1.67,5.71,5.71,0,0,1,1.36,3.69,6.67,6.67,0,0,1-3.74,6.31q-3.74,2-11.79,2H556.55v14.91l.75-.57a16.26,16.26,0,0,1,1.72-1.23l1.19-.62a19,19,0,0,1,9-2.16q9.5,0,15.31,5.59t5.81,14.69q0,9.33-6,14.74t-16.47,5.41q-8.53,0-14-3.85a15.59,15.59,0,0,1-6.64-10.58l.57-.31a54.6,54.6,0,0,0,9.68-5.81,29.7,29.7,0,0,0-.4,4.71q0,5.85,3,9.08t8.38,3.23a10.85,10.85,0,0,0,9.28-4.66q3.39-4.66,3.39-12.8,0-7.57-3.3-11.61t-9.41-4q-8,0-12.84,7.57l-2.82-1.72Zm16.14,23.36"
                      transform="translate(-509 -492)" />
                <path class="cls-1" d="M633,598v12.32H592.09a31.08,31.08,0,0,1,5.7-12.45,45,45,0,0,1,11.81-10.16q6.95-4.35,9.33-6.91a17.44,17.44,0,0,0,4.71-12.1q0-5.45-3.14-8.58T611.84,557a11.4,11.4,0,0,0-7.76,2.66,8.56,8.56,0,0,0-3.06,6.75,7.87,7.87,0,0,0,1.94,5.43,6.25,6.25,0,0,0,4.88,2.18,7.41,7.41,0,0,0,5.41-2.64l.7.4a8.77,8.77,0,0,1-3.1,5.52,9.32,9.32,0,0,1-6.14,2.09,11.55,11.55,0,0,1-8.34-3.14,10.59,10.59,0,0,1-3.28-8,13,13,0,0,1,5.26-10.62q5.26-4.2,13.22-4.2a22.3,22.3,0,0,1,14.56,4.84q5.94,4.84,5.94,11.83,0,10.16-14.3,18.08l-6.73,3.69a30,30,0,0,0-11.79,11.79L599,604h18.17q8.4,0,11.17-1.12t3.74-4.9Z"
                      transform="translate(-509 -492)" />
            </svg>



        </a>





        <!-- End Logo -->
        <!-- Responsive Toggle Button -->
        <button type="button" class="navbar-toggler btn u-hamburger"
                aria-label="Toggle navigation"
                aria-expanded="false"
                aria-controls="navBar"
                data-toggle="collapse"
                data-target="#navBar">
            <span id="hamburgerTrigger" class="u-hamburger__box">
                <span class="u-hamburger__inner"></span>
            </span>
        </button>
        <!-- End Responsive Toggle Button -->
        <!-- Navigation -->
        <div id="navBar" class="collapse navbar-collapse u-header__navbar-collapse">
            <ul class="navbar-nav u-header__navbar-nav">
                 

              

                @foreach (var menuItem in Model.Menu.Items)
                {
                    var portalMenuItem = new PortalMenuItemViewModel(menuItem, 0, Model.CurrentPageName);
                    <partial name="Components/Header/_PortalMenuItem" model="portalMenuItem" />
                }
                

              
            </ul>
        </div>
        <!-- End Navigation -->
    </nav>
    <!-- End Nav -->
</div>